<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018-6-13
  Time: 20:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=10,chrome=1">
<%@ include file="/WEB-INF/jsp/sys/css.jsp"%>
<html>
<head>
    <style>
		.layui-carousel img{
			width: 100%;
			cursor: pointer;
		}
	</style>
    <link rel = "stylesheet" type = "text/css" href = "${cp:SYS_VALUE('app.staticfile.home')}/modules/dashboard/css/dashboard.css" >
    <title >陕西省发展与改革委员会协同办公政务一体化平台</title >
    <script>
        window.ContextPath = '<%= request.getContextPath()%>/';
        window.ViewContextPath ='${cp:SYS_VALUE("app.staticfile.home")}/';
        window.nginxpath='${cp:SYS_VALUE("nginxpath")}/';
    </script>
</head>
<body >
    	 <div class="layui-carousel" id="carousel">
  		  <div carousel-item>
			  <c:forEach items="${items}" var="info">
				  <div><img onclick="showImg('${info.url}')" src = "${cp:SYS_VALUE('uploaderpath')}/service/download/pfile/${info.newfileid}"  title="${info.datatitle}" alt = "${info.datatitle}" /></div>
			  </c:forEach>


 		 </div>
    
    
    
    
</body>
<script type="text/javascript">

$(document).ready(function () {
    layui.use(['layer', 'table', 'element', 'laydate','carousel'], function () {
        var layer = layui.layer;
        var table = layui.table;
        var element = layui.element;
        var laydate = layui.laydate;
        var carousel = layui.carousel;

        //建造实例
        carousel.render({
          elem: '#carousel'
          ,width: '100%' //设置容器宽度
			,height:'320px'
            ,interval:3000
          ,arrow: 'always' //始终显示箭头
          //,anim: 'updown' //切换动画方式
        });

    });
})
	function showImg(url){
      window.open(window.nginxpath+url);
	}
</script>

</html>
